<template>
  <div id="">
    <h2 v-title="'资金明细'"></h2>
    <!--滑动区域-->
		<div id="mescroll" class="mescroll" style="position:fixed;">
			<!--展示上拉加载的数据列表-->
      <ul class="listUl" id="dataList">
        <!-- <li>
          <span class="longRentState">
            <!-- 长租
            <img src="@/assets/images/longlive@2x.png" alt="">
          </span>
          <div class="balanceCon">
            <span>推荐入住随寓长租</span>
            <p>余额4500.00</p>
            <em>收入1000.00</em>
          </div>
          <em class="balanceTime">4.18 22:30</em>
        </li>
        <li>
          <span class="longRentState">
            <!-- 短租
            <img src="@/assets/images/shortlive@2x.png" alt="">
          </span>
          <div class="balanceCon">
            <span>推荐入住随寓短租</span>
            <p>余额4500.00</p>
            <em>收入1000.00</em>
          </div>
          <em class="balanceTime">4.18 22:30</em>
        </li> -->
        <li v-for="item in pdlist" :key="item.key">
          <!-- 退租 -->
          <span class="longRentState tuiRent" v-if="item.tradeType==1">
            <!-- 退 -->
            收
            <!-- {{balanceTypeSwitch(item.balanceType)}} -->
          </span>
          <span class="longRentState xianRent" v-else>
            <!-- 现 -->
            支
          </span>
          <div class="balanceCon">
            <span>{{item.remark}}</span>
            <p>余额{{(item.currentBalance/100).toFixed(2)}}</p>
            <em v-if="item.tradeType==1">收入{{(item.balance/100).toFixed(2)}}</em>
            <em v-else>支出{{(item.balance/100).toFixed(2)}}</em>
          </div>
          <em class="balanceTime">{{balanceTime(item.addDatetime)}}</em>
        </li>
        <!-- <li>
          <span class="longRentState xianRent">
            <!-- 现
            支
          </span>
          <div class="balanceCon">
            <span>推荐入住随寓短租</span>
            <p>余额4500.00</p>
            <em>收入1000.00</em>
          </div>
          <em class="balanceTime">4.18 22:30</em>
        </li> -->
      </ul>
    </div>
  </div>
</template>

<script src="./balanceDetail.js"></script>
<style lang="scss" scoped src="./balanceDetail.scss"></style>
